<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script>
$(document).ready(function() {
    $("button").click(function()
	{
		$("h1").toggle("slow");
		$("h2").show("fast");
		$("img").toggle("slow");
		}
	
	)
});
</script>

<title>无标题文档</title>
</head>

<body>
<button value="" name="" type="button" style="width:150px; height:30px; background:#F00; line-height:30px; text-align:center; border:none">点击查看</button>
<img src="QQ图片20180122095753.png"  style="margin:0 auto"/>
<h1 style="margin:0 auto ">静夜思</h1>
<h2 style="display:none">床前明月光，</h2>
<h2 style="display:none">疑是地上霜。</h2>
<h2 style="display:none">举头望明月，</h2>
<h2 style="display:none">低头思故乡。</h2>
</body>
</html>
